<div class="main-content">
	<div class="breadcrumbs" id="breadcrumbs">
	<script src="<?php echo base_url()?>themes/default/js/linkage.js"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				_device_category($("select[class='device_category']").attr("id"),$("select[class='device_type']").attr("id"),'<?php echo set_value("device_category")?>','<?php echo set_value("device_type")?>','<?php echo base_url();?>');
			 });
		</script>
		<ul class="breadcrumb">
			<li>
				<i class="icon-home home-icon"></i>
				<a href="#">系统首页</a>
			</li>
			<li class="active">
				设备管理
			</li>
            <li>
				<a href="#">设备列表</a>
			</li>
            <li class="active">
				新增
			</li>
		</ul><!-- .breadcrumb -->
	</div>
	<div class="page-content">
        
        <div class="page-header">
			<h1>新增设备</h1>
		</div>
		<div class="row">
			 <div class="col-xs-12">
				<!-- PAGE CONTENT BEGINS -->
					<form id="usrform" action="<?php echo base_url()."admin/device/add_device_index_check"?>" method="post">
				    	<div class="box-body" style="display: inline-block;width: 100%">
				    		<div class="form-group col-xs-6">
			                    <label>设备规格:大类</label><span style="color: #a94442;"></span>
					                <select id="device_category" name="device_category_id" class="device_category" style="width: 100%;" check-type="required">
					                    <option value="">大类选择</option>
					                </select>
			                </div>
			                <div class="form-group col-xs-6">
			                    <label>规格</label><span style="color: #a94442;"></span>
					                <select id="device_type" name="device_type_id" class="device_type" style="width: 100%;" check-type="required">
					                    <option value="">设备规格</option>
					                </select>
			                </div>
					        <div class="form-group col-xs-6">
					            <label>品牌:</label>
					            <input name="brand" type="text" class="form-control" placeholder="请输入..." value="">
				            </div>
	                        <div class="form-group col-xs-6">
					            <label>型号:</label>
					            <input name="model" type="text" class="form-control" placeholder="请输入..." value="" >
				            </div>
				            <div class="form-group col-xs-6">
					            <label>出场年份:</label>
					            <input name="out_year" type="text" class="form-control" placeholder="请输入..." value="" >
				            </div>
				            <div class="form-group col-xs-6">
					            <label>租赁价格:</label>
					            <input name="price" type="text" class="form-control" placeholder="请输入..." value="" >
				            </div>				            
			                <div class="form-group col-xs-6">
		                		<label>施工范围:</label><a style="float: right;" href="<?php echo site_url("admin/upyun/choose_city") ?>" data-target="#staffModal" data-toggle="modal" class="btn_style">新增</a>
		                		<div id="type">
		                			
		                		</div>				
				            </div>
			                <div class="form-group col-xs-6">
					            <label>合格证:</label>
					            <input name="cer_number" type="text" class="form-control" placeholder="请输入..." value="">
				            </div>
				            <div class=" col-xs-12">
			            	<table class="table table-striped table-bordered table-hover">
			            		<tr>
                                	<td class="text_rt" style="width: 10%;">
                                		<p>行驶证:</p>
                                		<button id="select" type="button">上传</button>
                                	</td>
                                    <td style="width: 40%;">
                                		<div style="width:70%; margin: auto;">
				  							<input type="hidden" id="url" name="driving_license" value="">
				    						<img id="headpic" style="width: 100%;" src="<?php echo base_url()?>themes/default/images/photo_icon.png" />
										</div>
                                   </td>
                                   <td class="text_rt" style="width: 10%;">
                                   		<p>驾驶证:</p>
                                   		<button id="select_one" type="button">上传</button>
                                   	</td>
                                    <td style="width: 40%">
                                    	<div style="width:70%; margin: auto;">
				  							<input type="hidden" id="url_one" name="driver_license" value="">
				    						<img id="headpic_one" style="width: 100%;" src="<?php echo base_url()?>themes/default/images/photo_icon.png" />
										</div>
                                    </td>
                                </tr>
                                <tr>
                                	<td class="text_rt" style="width: 10%;">
                                		<p>设备照片:</p>
                                		<button id="select_two" type="button">上传</button>
                                	</td>
                                    <td style="width: 40%;">
                                		<div style="width:70%; margin: auto;">
				  							<input type="hidden" id="url_two" name="headpic" value="">
				    						<img id="headpic_two" style="width: 100%;" src="<?php echo base_url()?>themes/default/images/photo_icon.png" />
										</div>
                                   </td>
                                   <td class="text_rt" style="width: 10%;">
                                   		<p>设备合格证:</p>
                                   		<button id="select_three" type="button">上传</button>
                                   	</td>
                                    <td style="width: 40%">
                                    	<div style="width:70%; margin: auto;">
				  							<input type="hidden" id="url_three" name="cerpic" value="">
				    						<img id="headpic_three" style="width: 100%;" src="<?php echo base_url()?>themes/default/images/photo_icon.png" />
										</div>
                                    </td>
                                </tr>
			            	</table>
			            </div>
			            </div>
			            
			            <div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<input type="hidden" name="user_id"  value="<?php echo $user_id; ?>" />
								<button id="btnSubmit" class="btn btn-info" type="submit">
									<i class="icon-ok bigger-110"></i>
									保存
								</button>
	
								&nbsp; &nbsp; &nbsp;
								<a class="btn" onclick="javascript :history.back(-1);">
									<i class="icon-undo bigger-110"></i>
									返回
								</a>
							</div>
						</div>
					</form>
			</div>
		</div><!-- /.row -->
	</div><!-- /.page-content -->
</div><!-- /.main-content -->
		<div id="add" class="modal" role="dialog" aria-hidden="true">
			<div style="margin:auto; width: 50%; margin-top: 150px;" >
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
						</button>
						<h3>选择施工范围</h3>
					</div>
					<div class="modal-body row">
						<div class="col-xs-12">
							  <div class="layui-form-item">
								<label class="layui-form-label">部门名称</label>
								<div class="layui-input-block">
								  <input id="depart_name" name="name_department" type="text" name="title" autocomplete="off" placeholder="部门名称" class="layui-input" required="" lay-verify="required">
								</div>
							  </div>
						</div>
					</div>
					</form>
				</div>
			</div>
		</div>
<script type="text/javascript">
$("#usrform").validation();
//保存
$("#btnSubmit").on('click',function(event){
  // 2.最后要调用 valid()方法。
  if ($("#usrform").valid()==false){
    return false;
  }
});
</script>
<script>
	function add(){
	    $('#add').modal('show');
	}
</script>
<script>
	function del(abc){
		if(confirm("确定删除该范围？")){
			$(abc).parent().remove();
		}
	}
</script>
<script>
	$(function () {
        var uploader = null;
        //上传初始化
		if(uploader==null){
        	uploader = WebUploader.create({
        	    // 选完文件后，是否自动上传。
        	    auto: true,
        	    //不压缩图像
        	    compress:false,
        	    // swf文件路径
        	    swf:'<?php echo base_url()?>themes/webuploader/Uploader.swf',
        	    // 文件接收服务端。
        	    server: '<?php echo site_url("admin/upyun/webuploader")?>',
        	    // 选择文件的按钮。可选。
        	    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        	    pick: '#select',
        	    // 只允许选择图片文件。
        	    accept: {
        	        title: 'Images',
        	        extensions: 'gif,jpg,jpeg,bmp,png',
        	        mimeTypes: 'image/*'
        	    }
        	});
        	//文件上传成功，显示图片。
        	uploader.on('uploadSuccess', function(file,response) {
        		$('#headpic').attr('src',response.file_path);
        		uploader.reset();
        		$('#url').val(response.file_path);
        	});

        	// 文件上传失败，显示上传出错。
        	uploader.on( 'uploadError', function( file ) {
        		$('#error').html('上传失败');
        		$('#error').show();
        	});
		}
    });
     $(function () {
        var uploader = null;
        //上传初始化
		if(uploader==null){
        	uploader = WebUploader.create({
        	    // 选完文件后，是否自动上传。
        	    auto: true,
        	    //不压缩图像
        	    compress:false,
        	    // swf文件路径
        	    swf:'<?php echo base_url()?>themes/webuploader/Uploader.swf',
        	    // 文件接收服务端。
        	    server: '<?php echo site_url("admin/upyun/webuploader")?>',
        	    // 选择文件的按钮。可选。
        	    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        	    pick: '#select_one',
        	    // 只允许选择图片文件。
        	    accept: {
        	        title: 'Images',
        	        extensions: 'gif,jpg,jpeg,bmp,png',
        	        mimeTypes: 'image/*'
        	    }
        	});
        	//文件上传成功，显示图片。
        	uploader.on('uploadSuccess', function(file,response) {
        		$('#headpic_one').attr('src',response.file_path);
        		uploader.reset();
        		$('#url_one').val(response.file_path);
        	});

        	// 文件上传失败，显示上传出错。
        	uploader.on( 'uploadError', function( file ) {
        		$('#error').html('上传失败');
        		$('#error').show();
        	});
		}
    });
     $(function () {
        var uploader = null;
        //上传初始化
		if(uploader==null){
        	uploader = WebUploader.create({
        	    // 选完文件后，是否自动上传。
        	    auto: true,
        	    //不压缩图像
        	    compress:false,
        	    // swf文件路径
        	    swf:'<?php echo base_url()?>themes/webuploader/Uploader.swf',
        	    // 文件接收服务端。
        	    server: '<?php echo site_url("admin/upyun/webuploader")?>',
        	    // 选择文件的按钮。可选。
        	    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        	    pick: '#select_two',
        	    // 只允许选择图片文件。
        	    accept: {
        	        title: 'Images',
        	        extensions: 'gif,jpg,jpeg,bmp,png',
        	        mimeTypes: 'image/*'
        	    }
        	});
        	//文件上传成功，显示图片。
        	uploader.on('uploadSuccess', function(file,response) {
        		$('#headpic_two').attr('src',response.file_path);
        		uploader.reset();
        		$('#url_two').val(response.file_path);
        	});

        	// 文件上传失败，显示上传出错。
        	uploader.on( 'uploadError', function( file ) {
        		$('#error').html('上传失败');
        		$('#error').show();
        	});
		}
    });
     $(function () {
        var uploader = null;
        //上传初始化
		if(uploader==null){
        	uploader = WebUploader.create({
        	    // 选完文件后，是否自动上传。
        	    auto: true,
        	    //不压缩图像
        	    compress:false,
        	    // swf文件路径
        	    swf:'<?php echo base_url()?>themes/webuploader/Uploader.swf',
        	    // 文件接收服务端。
        	    server: '<?php echo site_url("admin/upyun/webuploader")?>',
        	    // 选择文件的按钮。可选。
        	    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        	    pick: '#select_three',
        	    // 只允许选择图片文件。
        	    accept: {
        	        title: 'Images',
        	        extensions: 'gif,jpg,jpeg,bmp,png',
        	        mimeTypes: 'image/*'
        	    }
        	});
        	//文件上传成功，显示图片。
        	uploader.on('uploadSuccess', function(file,response) {
        		$('#headpic_three').attr('src',response.file_path);
        		uploader.reset();
        		$('#url_three').val(response.file_path);
        	});

        	// 文件上传失败，显示上传出错。
        	uploader.on( 'uploadError', function( file ) {
        		$('#error').html('上传失败');
        		$('#error').show();
        	});
		}
    });
</script>